/* Weekly/Monthly Specific Styles */
/* It inherits most styles from the global product logic,
   but we can add specific tweaks here if needed. */

.recharge-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; /* উইকলি প্যাকেজগুলো একটু বড় দেখাবে */
}

@media (max-width: 768px) {
    .recharge-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* মোবাইলে এক লাইনে ২ টি আইটেম */
        gap: 10px;
    }
}